<template>
	<view class="chioce-container">
		<image class="arr-icon" src="@/static/img/arr.png" mode="" @click="goto"></image>
		<view class="chioce-title">请选择您的身份</view>
		<view class="chioce-sub-title">方便我们为您提供更准确的服务</view>
		<view class="chioce-main">
			<view class="main-item" @click="jump(1)">
				<image src="@/static/img/zgz.png" mode=""></image>
				<text class="name">我要找工作</text>
			</view>
				<view class="main-item" @click="jump(2)">
				<image src="@/static/img/zr.png" mode=""></image>
				<text  class="name">我要招人</text>
			</view>
		</view>
	</view>
</template>

<script setup>
// 跳转对应页面
const jump = (index) => {
	if(index === 1) {
		uni.navigateTo({ 	url:'/pages/jobHunting/jobHunting'})
	} else {
		uni.navigateTo({ 	url:'/pages/recruit/recruit'})
	}
} 
// 返回
const goto = _ => uni.navigateBack()
</script>

<style lang="scss">
	.chioce-container{
		width: 750rpx;
		height: 1624rpx;
		background: #F4F6FA;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		// padding: 88rpx 0 0 40rpx;
		box-sizing: border-box;
		.arr-icon{
			width: 36rpx;
			height: 36rpx;
			margin-bottom: 50rpx;
			margin-top: 88rpx;
			margin-left: 40rpx;
			// box-sizing: border-box;
		}
		.chioce-title{
			font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
			font-weight: normal;
			font-size: 64rpx;
			color: #000000;
			line-height: 96rpx;
			text-align: left;
			font-style: normal;
			text-transform: none;
			margin-left: 40rpx;
			// margin-bottom: 10rpx;
			
		}
		.chioce-sub-title{
			font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
			font-weight: normal;
			font-size: 36rpx;
			color: #8C8C8C;
			line-height: 54rpx;
			text-align: left;
			font-style: normal;
			text-transform: none;
				margin-left: 40rpx;
		}
		.chioce-main{
			margin-top: 40rpx;
			// display: flex;
			// flex-direction: column;
			// align-items: center;
			.main-item{
				display: flex;
				flex-direction: column;
				align-items: center;
				image{
					width: 320rpx;
					height: 320rpx;
				}
				.name{
					width: 336rpx;
					height: 136rpx;
					background: #FFB13F;
					box-shadow: 0rpx 16rpx 24rpx 0rpx rgba(255,229,100,0.32);
					border-radius: 68rpx 68rpx 68rpx 68rpx;
					font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
					font-weight: normal;
					font-size: 42rpx;
					color: #FFFFFF;
					line-height: 64rpx;
					text-align: left;
					font-style: normal;
					text-transform: none;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
			.main-item:nth-child(2){
				margin-top: 60rpx;
				.name{
					background: #6B64D3;
					box-shadow: 0rpx 16rpx 24rpx 0rpx rgba(177,100,255,0.32);
				}
			}
		}
	}

</style>
